@charset "utf-8";

body,h1,ul,li,h5,h6,p,form,input,dt,dd,dl,ol,a,h1,h2,h3,h4{padding:0;margin:0;font-family:"微软雅黑";font-size:14px;}
li{ list-style:none}
.red{ color:#ff0000}





/*小屏手机480*320*/
@media screen and (min-width:320px){
	.png{ background:url(../images/login_480.png);}
	
	.bg{ width:100%; height:100%; min-height:320px; background:#116b72;background:-webkit-radial-gradient(center center,circle,#116b72,#04212c);background:-ms-radial-gradient(center center,circle,#116b72,#04212c);background:-moz-radial-gradient(center center,circle,#116b72,#04212c);background:radial-gradient(center center,circle,#116b72,#04212c);}
	.login-name{ color:#9de4e5; padding:0px 15px; height:52px}
	
	.login-name .login-namedou{ line-height:20x;  display:inline-block; margin-top:5px; margin-left:5px}
	.codePng{ background-position:-30px -0px; width:21px; height:21px; display:inline-block;position:relative; top:5px}
	.getAwardPng{ background-position:-0px -0px; width:18px; height:21px; display:inline-block;position:relative; top:5px}
	
	.loginCode{ float:right; margin-right:20px;margin-top:10px;  padding:0px 5px 5px 5px; border-radius:5px; border:1px solid solid;background:-webkit-linear-gradient(#6d9cac,#02485e);background:-ms-linear-gradient(#6d9cac,#02485e);background:-moz-linear-gradient(#6d9cac,#02485e);background:linear-gradient(#6d9cac,#02485e);-webkit-box-shadow:4px 4px 4px rgba(0,0,0,.3);-ms-box-shadow:4px 4px 4px rgba(0,0,0,.3);-moz-box-shadow:4px 4px 4px rgba(0,0,0,.3);box-shadow:4px 4px 4px rgba(0,0,0,.3);color:#fff }
	.loginChange{ float:right; margin-top:5px; line-height:52px}
	.loginChange .change{  background-position:-60px -0px;width:29px; height:21px; display:inline-block; margin-top:10px;}
	
	/*按钮背景*/
	
	.button{ background-position:0px -80px; width:42px; height:42px; display:inline-block;  text-align:center; position:relative;}
	
	/*room*/
	.login-logo{ position:absolute; width:140px; height:34px; background-position:-60px -80px; left:50%; margin-left:-68px; top:5px}
	.login-room{ background-color:#447e89; border-radius:8px; margin:0px 15px; padding-top:20px; position:relative;-webkit-box-shadow:5px 5px 5px rgba(0,0,0,.3);-ms-box-shadow:5px 5px 5px rgba(0,0,0,.3);-moz-box-shadow:5px 5px 5px rgba(0,0,0,.3);box-shadow:5px 5px 5px rgba(0,0,0,.3);}
	.login-content{ background-color:#064f5e; border-radius:6px;  padding:25px 10px 10px 10px;  border-bottom:1px solid #2e4f5a; }
	.login-box{ height:140px;overflow:auto;background:#011b21; background:-webkit-linear-gradient(#011b21,#002b34);background:-ms-linear-gradient(#011b21,#002b34); background:-moz-linear-gradient(#011b21,#002b34);background:linear-gradient(#011b21,#002b34);   border-top:#00080a 1px solid; border-left:#00171c 1px solid;border-right:#00171c 1px solid; border-bottom:1px solid #2e4f5a; border-radius:0px 0px 4px 4px;}
	.login-room-num{ border:1px solid #00080d;border-radius:5px; background-color:#0b4e63;width:46%; margin:5px 5px 0px 5px; padding-bottom:4px; float:left; position:relative}
	.login-room-num-top{ height:27px;background:#0c7697;background:-webkit-linear-gradient(#0c7697,#075f7a);background:-ms-linear-gradient(#0c7697,#075f7a);background:-moz-linear-gradient(#0c7697,#075f7a);background:linear-gradient(#0c7697,#075f7a); border-top:#86c9de 1px solid; border-left:#247a96 1px solid;border-right:#247a96 1px solid; border-bottom:1px solid #035774;border-radius:5px 5px 0px 0px;   }
	.login-room-num-bottom{height:27px;background:#2d9faf;background:-webkit-linear-gradient(#2d9faf,#47aec0); background:-ms-linear-gradient(#2d9faf,#47aec0);background:-moz-linear-gradient(#2d9faf,#47aec0);background:linear-gradient(#2d9faf,#47aec0);   border-top:#0f6c85 1px solid; border-left:#4ebbcd 1px solid;border-right:#4ebbcd 1px solid; border-bottom:1px solid #6cacba;border-radius:0px 0px 5px 5px; }
	.login-room-active span,.login-room-num span{ display:inline-block; line-height:27px; color:#fff; text-shadow:-1px -1px 1px rgba(0,0,0,.6); font-size:12px; padding-left:5px}
	.login-room-num b{ color:#f7c55a; font-weight:normal}
	.awardPng{ width:44px; height:58px; display:inline-block; position:absolute; right:-14px; top:0px; background-position:-140px -780px; }
	.width-55{ width:55%}
	.width-40{ width:38%}
	
		
	.login-button{ margin:10px 15px 5px 15px;height:55px;  position:relative; }
	.button-code{ float:left;}
	.button-code .code{  background-position:-90px -0px;width:18px; height:23px; display:inline-block; margin-top:10px;}
	.button-gift{ float:left; margin-left:20px;}
	.button-gift .gift{  background-position:-110px -0px;width:24px; height:21px; display:inline-block;margin-top:10px;}
	.button-award{ float:right; margin-right:20px;}
	.button-award .award{  background-position:-140px -0px;width:22px; height:26px; display:inline-block;margin-top:10px;}
	.button-email{ float:right; }
	.button-email .email{  background-position:-170px -0px;width:23px; height:19px; display:inline-block;margin-top:10px; }
	.button-text{display:block;color:#9de4e5;position:absolute; bottom:-18px; text-align:center;width:100%; font-size:8px;}
	.button-back{ float:left;}
	.button-back .back{  background-position:0px -780px;width:21px; height:23px; display:inline-block; margin-top:10px;}
	
	.enter{ width:166px; height:47px; background-position:-0px -30px; border:none; position:absolute; left:50%; margin-left:-83px;}
	
	
	/*地主进入页面*/
	.landlordLoad{ width:158px; height:220px; background-position:-0px -140px;position:absolute; left:50%; margin-left:-79px; top:50%; margin-top:-110px}
	.landlordLoad-img{ width:158px; height:177px;background-position:-0px -140px;}
	.landlordLoad-text{ height:40px ; line-height:40px; text-align:center; color:#FFFFFF}
	
	

	
	/**showBox***/
	.showBox{ position:absolute ; width:90%; left:5%; top:10px; z-index:20; height:300px;}
	.showBox-bg{ height:300px; border-radius:8px; position:absolute; z-index:2; width:100%;background:#000;background:-webkit-linear-gradient(#555 0%,#212121 10%,#212121 100%);background:-ms-linear-gradient(#555 0%,#212121 10%,#212121 100%);background:-moz-linear-gradient(#555 0%,#212121 10%,#212121 100%);background:linear-gradient(#555 0%,#212121 10%,#212121 100%);}
	.showBox-content{ width:90%; height:280px; position:absolute; z-index:3; left:5%; top:10px; }
	.showBox .showBox-close{  z-index:3;width:30px; height:32px; display:inline-block; position:absolute; right:-5px; top:-5px; background-position:0px -340px}
	.showBox h1{ text-align:center; font-size:24px; color:#FF9900;font-family: "华文彩云" ; height:40px; line-height:40px; font-weight:bolder}
	.showBox .showBox-content-box{ background:#7bcfd9; background:-webkit-linear-gradient(#a1ede7 0%,#51aecb 100%); background:-ms-linear-gradient(#a1ede7 0%,#51aecb 100%);  background:-moz-linear-gradient(#a1ede7 0%,#51aecb 100%); background:linear-gradient(#a1ede7 0%,#51aecb 100%);height:230px; overflow:auto; font-size:12px}
	.showBox .showBox-content-info{ color:#FFFFFF; font-size:12px; line-height:16px; position:absolute; left:0px; top:0px;}
	.showBox .showBox-content-explain{}
	
	
	.showBox tr{ text-align:center;height:28px; line-height:28px;}
	.showBox thead tr,.showBox h2,.showBox .gameRankInfo{background:#33a2bc;background:-webkit-linear-gradient(#8cd9d7 0%,#3facc0 100%);background:-ms-linear-gradient(#8cd9d7 0%,#3facc0 100%);background:-moz-linear-gradient(#8cd9d7 0%,#3facc0 100%);background:linear-gradient(#8cd9d7 0%,#3facc0 100%);}
	.showBox tbody td{ border-bottom:1px #a6cac9 solid;font-size:12px;}
	
	.showBox h2{ height:30px; line-height:30px; font-weight:normal; padding:0px 5px}
	.showBox .gameLists {  padding:0px 5px}
	.showBox .gameLists li{line-height:32px; border-top:#98d6db 1px solid; border-bottom:#9ac2c5 1px solid;padding:0px 5px}
	.showBox .gameLists li span{ width:120px; display:inline-block}
	
	.showBox .gameRankInfo {line-height:30px; font-size:14px}
	.showBox .gameRankInfo span{padding:0px 5px; display:inline-block}
	.showBox .gameRankInfo .gameRankInfolists{ width:40%}
	
		/*标题文字图片*/
	.richListText{background-position:-0px -380px; width:93px; height:31px; display:inline-block}
	.myInfoText{background-position:-0px -460px; width:124px; height:31px; display:inline-block}
	.chargeMallText{background-position:-0px -420px; width:72px; height:31px; display:inline-block}
	.sendDouText{background-position:-0px -660px; width:140px; height:34px; display:inline-block}
	.roomText{background-position:-0px -730px; width:123px; height:31px; display:inline-block}
	.gameRankText{background-position:-0px -820px; width:102px; height:31px; display:inline-block}
	
	/*显示弹出信息
		* 1准备 text-ready
		* 2加倍  text-double
		* 3不加倍 text-noDouble
		* 4不出 text-noPut
		* 5我又掉线了 text-downline
		* 6没有大过的牌型 text-noBig
		* 7 出牌不符合规则  text-noAccord
		* 8无人抢地主，重新发牌 text-noGrab
		* 9 请选择牌 text-selectPokey
	* */
	
	
	 
	 /*财富排行*/
	 。richLists-box-game h2{}
	 
	 /*房间信息*/
	 .roomInfo{margin:5px 10px;line-height:25px; font-weight:bolder; position:relative}
	 .roomInfoLists{ width:45%; display:inline-block}
	 .roomInfoCountDown{position:absolute; right:20px; bottom:70px; text-align:right}
	 
	 /*登录页面*/
	 .doudizhu{ position:absolute; width:464px; height:251px; left:50%; top:50%; margin-left:-232px; margin-top:-125px; z-index:10; background-image:url(../images/doudizhu.png)}
	.doudizhu-content{ width:185px; height:185px; position:absolute; right:15px; top:40px; }
	.doudizhu-input{ background: #FFFFFF; border:1px solid #0e4c5e; border-radius:3px;}
	.doudizhu-input li{ height:35px; line-height:35px; color:#494949; font-size:14px; padding:0px 10px;}
	.doudizhu-input li input{ height:30px; line-height:30px; width:120px; border:none;color:#494949; }
	.doudizhu-input-bl{ border-bottom:2px #d6d6d6 solid}
	.doudizhu-auto{ height:40px; line-height:40px; color:#FFFFFF}
	.doudizhu-auto a{ color:#58b4cf; float:right;}
	.doudizhu-login{  text-align:center; position:absolute; bottom:0px; width:100%}
	.doudizhu-login input{ width:175px; height:46px; background:url(../images/doudizhu-login.png) no-repeat; border:none}
	 
}
